<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>自定义new和instanceof</title>
</head>

<body>

  <script>
    function newInstance(Type, ...args) {
      // 创建Object空对象
      const obj = {}
      // 给对象添加一个__proto__, 值为Type的prototype值
      obj.__proto__ = Type.prototype

      // 调用Type函数, 指定this为上面创建对象, 将args指定为参数
      const result = Type.call(obj, ...args)
      // 如果构造函数返回的是一个对象, 直接返回这个对象
      if (result instanceof Object && result !== obj) return result
      
      // 返回创建对象
      return obj
    }

    /* 
    Type的prototype指向的是否是obj原型链上的某个对象
    */
    function myInstanceOf(obj, Type) {
      // Type.prototype===obj.__proto__
      // Type.prototype===obj.__proto__.__proto__
      // Type.prototype===obj.__proto__.__proto__.__proto__

      let protoObj = obj.__proto__
      while(protoObj) {
        // 判断是Type对应的原型对象, 就返回true
        if (Type.prototype===protoObj) return true
        // 继续找原型对象的原型对象
        protoObj = protoObj.__proto__
      }
      // 如果没有一个相等的, 返回false
      return false
    }
  </script>

  <script>
    function newInstance(Type, ...args) {
      // 1. 创建一个空的Object实例对象obj
      const obj = {}

      // 2. 给对象添加__proto__属性, 值为构造函数的prototype
      obj.__proto__ = Type.prototype

      // 3. 调用传入的构造函数, 并指定this为obj
      const result = Type.call(obj, ...args)

      // 4. 如果构造函数返回一个对象数据, 就返回它, 否则返回新创建的对象
      return result instanceof Object ? result : obj
      
    }
  </script>

  <script>


    function Person(name, age) {
      console.log('Person', this)
      this.name = name
      this.age = age

      return [1]
      // return () => {}
      // return {}
      // return 3
      // return this
    }

    const p = new Person('tom', 12)
    console.log(p);

    const p2 = newInstance(Person, 'Jack', 13)


    // console.log(p instanceof Person) // true
    // console.log(p instanceof Object) // true
    // console.log(p instanceof Function) // false

    // console.log(myInstanceOf(p, Person)) // true
    // console.log(myInstanceOf(p, Object)) // true
    // console.log(myInstanceOf(p, Function)) // false
 
  </script>
</body>

</html>